﻿{% extends "base.html" %}

{% block title %}
{% ifequal lang 'en' %}
Home
{% else %}{% ifequal lang 'zh' %}
首页
{% endifequal %}{% endifequal %}
{% endblock %}

{% block style %}
.img_switch {margin:0 auto; width:900px; height:300px; overflow:hidden,lift:0px}
.img_switch_content {height:300px; position:relative}
.img_switch_text {position:absolute; z-index:10; bottom:5px; right:10px; height:15px; z-index:900 !important}
.number_nav {display:inline; float:left}
.number_nav ul {font:12px Arial, Helvetica, sans-serif; padding:0px; margin:0px; list-style-type:none; color:#fff;}
.number_nav ul li {float:left; font-weight:bold; background:#000; float:left; margin-right:8px; width:23px; cursor:pointer; line-height:17px; height:17px; text-align:center; filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75;}
#pic {overflow: hidden}
{% endblock %}

{% block content %}
<div id="index_content" style="position:relative; width:900px; margin-right: auto; margin-left: auto; background-color: #FFF; height:auto; background-repeat: no-repeat; background-position: top">
    <script type="text/javascript" src="/media/js/index.js"></script>
    <div class="img_switch">
	<div class="img_switch_content" id="pic">
	    {% for news in news_list %}
	    <a href="/{{lang}}/news/{{news.id}}"><img src="/media/{{news.news_cover}}" width="900px" height="300px"/></a>
	    {% endfor %}
            <div class="img_switch_text">
		<div class="number_nav">
		    <ul id="play">
			<li alt="1" style="background:#f00">1</li>
			<li alt="2">2</li>
			<li alt="3">3</li>
		    </ul>
		</div>
            </div>
	</div>
    </div>
    <div style="background-color:#FFF; height:220px; width:900px; position:relative; border-top-width:2px; border-top-style:dotted; border-top-color:#FFF; padding-top:5px">
	<div id="news"><img src="/media/image/cooperation.jpg" alt="" vspace="5"/> 
    	    <a style="color:#666; letter-spacing:0; line-height:1em" href="/{{lang}}/cooperation">
		{% ifequal lang 'en' %}
		Cooperation
		{% else %}{% ifequal lang 'zh' %}
		合作
		{% endifequal %}{% endifequal %}
	</a></div>
	<div id="news"><img src="/media/image/research_results.jpg" alt="" vspace="5"/>
    	    <a style="color:#666; letter-spacing:0; line-height:1em" href="/{{lang}}/research/publications">
		{% ifequal lang 'en' %}
		Research results
		{% else %}{% ifequal lang 'zh' %}
		研究成果
		{% endifequal %}{% endifequal %}
	</a></div>
	<div id="news"><img src="/media/image/join.jpg" alt="" vspace="5"/>
    	    <a style="color:#666; letter-spacing:0; line-height:1em" href="/{{lang}}/join">
		{% ifequal lang 'en' %}
		Join Us
		{% else %}{% ifequal lang 'zh' %}
		加入我们
		{% endifequal %}{% endifequal %}
	</a></div>
    </div>
    <div style="clear:both"></div>
</div>
{% endblock %}
